Hello, There

This presentation will show you examples of what you can do with Quarto and Reveal.js, including:

• Presenting text and code
• Including figures
• Including computations in slide output
• Fancy transitions and animations

…and much more

Incremental Lists

Lists can optionally be displayed incrementally:

• First item
• Second item
• Third item

Fragments

Incremental text display and animation with fragments:

Column Layout

Arrange content into columns of varying widths:

Pretty Code

• Over 20 syntax highlighting themes available
• Default theme optimized for accessibility

# Define a server for the Shiny app
function(input, output) {
  
  # Fill in the spot we created for a plot
  output$phonePlot <- renderPlot({
    # Render a barplot
  })
}

Code Animations

• Over 20 syntax highlighting themes available
• Default theme optimized for accessibility

# Define a server for the Shiny app
function(input, output) {
  
  # Fill in the spot we created for a plot
  output$phonePlot <- renderPlot({
    # Render a barplot
    barplot(WorldPhones[,input$region]*1000, 
            main=input$region,
            ylab="Number of Telephones",
            xlab="Year")
  })
}

Line Highlighting

• Highlight specific lines for emphasis
• Incrementally highlight additional lines

import numpy as np
import matplotlib.pyplot as plt

r = np.arange(0, 2, 0.01)
theta = 2 * np.pi * r
fig, ax = plt.subplots(subplot_kw={'projection': 'polar'})
ax.plot(theta, r)
ax.set_rticks([0.5, 1, 1.5, 2])
ax.grid(True)
plt.show()

Executable Code

library(ggplot2)
ggplot(
  data = mtcars,
  mapping = aes(hp, mpg)) +
  geom_point(
    mapping = aes(color = am),
  ) +
  geom_smooth(formula = y ~ x, method = "loess", color = colors$beigeLight) +
  ggplot2::scale_color_gradient(low = colors$purpleDark, high = colors$greenLight) 

Simple image

Absolute Position

Position images or other elements at precise locations

Auto-Animate

Automatically animate matching elements across slides with Auto-Animate.

Auto-Animate

Automatically animate matching elements across slides with Auto-Animate.

Preview Links

Navigate to hyperlinks without disrupting the flow of your presentation.

Use the preview-links option to open links in an iframe on top of your slides. Try clicking the link below for a demonstration:

Color palette

Fot this presentation, default color palette is:.

You can change the color palette by updating the colors.json file in the root of your project.

Easy Navigation

You can also press m to toggle the menu open and closed.

Chalkboard

You can also press b to toggle the chalkboard or c to toggle the notes canvas.

Point of View

Press o to toggle overview mode:

Hold down the Alt key (or Ctrl in Linux) and click on any element to zoom towards it—try it now on this slide.

Speaker View

Press s (or use the presentation menu) to open speaker view